﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head>
<title>SISTEMA DE INFORMACION MINERA :: SIM - MOBILE - Muestra</title>
  
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link href="Extensiones/telerik/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.default.min.css" rel="stylesheet" />
     <link href="Extensiones/telerik/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="Extensiones/telerik/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
    <%--<link href="Extensiones/telerik/styles/kendo.metro.mobile.min.css" rel="stylesheet" type="text/css" />--%>
    <!--    <script src="Extensiones/jquery/jquery-1.11.1.min.js"></script>-->


  <script src="Extensiones/telerik/js/jquery.min.js"></script>
  <script src="Extensiones/telerik/js/kendo.all.min.js"></script>

<%-- <link href="Scripts/SIM/CSS/m.sim.css" rel="stylesheet" type="text/css" />  --%>
  <script src="Scripts/SIM/m.muestra1.js"></script>
  <script src="Scripts/SIM/m.generales.js"></script>
 

</head>
<body>

 <div data-role="view" data-layout="layout" data-show="layoutShow" id="layoutView">
   <div id="exampleo">
      <input type="hidden" id="hidCodigoSondaje" />
      <input type="hidden" id="hidIsLogged" />
      <input type="hidden" id="hidPerfil" name="hidPerfil" />
    <div class="demo-section k-header">
        <div class="head">
            <div id="action-result"></div>
            <h3>Muestra &nbsp;&nbsp;>&nbsp;&nbsp;NOMBRE DDH:&nbsp;<input type="text" id="txtSondaje" disabled="disabled"/></h3>
        </div>
        &nbsp;&nbsp;&nbsp
        <div id="grid"></div>
            
                <div style="width: 50px;height: 40px"><input id="producto"/></div>
                
            
         <div class="footer" style="  height:30px; vertical-align:middle; text-align:center;">
          <div id="resultado"></div>
          <div id="divLogout"><a data-click="logout" id="A2" type="button" data-role="button">Cerrar Sesion</a></div>
        </div>

    </div>
  
  </div>
    <ul id="actions">
        <!--<li><a href="#" data-action="add">Registrar</a></li> -->
        <li><a href="#" data-action="edit">Actualizar</a></li>
        <li><a href="#" data-action="del">Eliminar</a></li>
        <li><a href="#" data-action="fin">Finalizar</a></li>
        <li><a href="#" data-action="opc">------------</a></li>
        <li id="action-lito" ><a href="#" data-action="litologia">Litologia</a></li>
        <li id="action-geomeca"><a href="#" data-action="geomecanica">Geomecanica</a></li>
        <li><a href="#" data-action="estructura">Estructura</a></li>
        <li ><a href="#" data-action="sondaje">Sondaje</a></li>

    </ul>
 
 
 </div>
   

   
<div data-role="modalview" id="mvNuevoMuestra" style="width: 90%; height:90%;">
<%--    <div data-role="header">
        <div data-role="navbar">
            <span>Muestra Sondaje: Registrar</span>
           
        </div>
    </div>--%>
    <div style="color:Black; text-align:center; font-style:inherit"> 
    <h3>Muestra Sondaje: Registro</h3> 
    </div>
    <div data-role="listview" data-style="inset">
    <div id="tabla">
        <div id="tablaA">
            <div  class="A" >Codigo:</div>
            <div  class="B" ><input type="text" id="txtCodigo" value=""/></div>
            <div  class="C" >&nbsp;&nbsp</div>
            <div class="D">&nbsp;&nbsp</div>
        </div>
        <div id="tablaB">
            <div class="A">Desde:</div>
            <div class="B"><input type="number" id="txtDesde" value="0" min="0" max="40"/></div>
            <div  class="C" >Hasta:</div>
            <div class="D"><input type="number" id="txtHasta" value="0" min="0" max="40"/></div>
        </div>
        <div id="tablaC">
            <div class="A">Geologo:</div>
            <div class="B"><input type="text" id="txtGeologo" disabled="disabled"/></div>
            <div  class="C">&nbsp</div>
            <div class="D">&nbsp</div>
        </div>
       <div id="tablaD">
            <div  class="A" >Tomador de Muestra:</div>
            <div  class="B" ><input type="text" id="ddlTomadorMuestra" /></div>
            <div  class="C" >&nbsp;&nbsp</div>
            <div class="D">&nbsp;&nbsp</div>
        </div>
       <div id="tablaE">
            <div  class="A" >Fecha Envio:</div>
            <div  class="B" ><input type="date" id="txtFechaEnvio" style="width:150px;" disabled="disabled"/></div>
            <div  class="C" >&nbsp;&nbsp</div>
            <div class="D">&nbsp;&nbsp</div>
        </div>
       <div id="tablaF">
            <div  class="A" >Descripción:</div>
            <div  class="B" ><textarea style="resize: none; width:350px; height:80px" id="txtObservacion">..</textarea></div>
            <%--<div  class="C" >&nbsp;&nbsp</div>
            <div class="D">&nbsp;&nbsp</div>--%>
        </div>
        <div id="tablaG">
            <div  class="A" >QA/QC: </div>
            <div  class="B" ><input type="text" id="ddlTipoControlCalidad" /></div>
            <div  class="C" >Duplicado:</div>
            <div class="D"><input type="text" id="txtDuplicado" value="0" disabled="disabled"/></div>
        </div>
        <div id="tablaBoton">
            <div  class="A" >&nbsp;&nbsp</div>
            <div class="B">&nbsp;&nbsp</div>
            <div class="C">&nbsp;&nbsp</div>
            <div class="D">&nbsp;&nbsp</div>
            <div  class="E" >&nbsp;&nbsp</div>
            <div  class="F" ><a data-click="grabarNuevoModalView" id="modalview-login-button" type="button" data-role="button">Grabar</a>&nbsp<a data-click="closeNuevoMuestra" id="cancelarButton" data-role="button" data-align="right">Cancel</a></div>

        </div>
    </div>
   </div>
   
    <!--<a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>-->
</div>

<div data-role="modalview" id="mvEditarMuestra" style="width: 90%; height:90%">
<div data-role="header">
        <div data-role="navbar">
            <span>Muestra Sondaje: Actualizar</span>
           
        </div>
    </div>
    <div data-role="listview" data-style="inset">
    <li><label for="txtCodigoEdit">Codigo:<input type="text" id="txtCodigoEdit" disabled="disabled"/></label></li>
    <li><label for="txtDesdeEdit">Desde:<input type="number" id="txtDesdeEdit" style="margin-top:7px"/></label></li>
    <li><label for="txtHastaEdit">Hasta:<input type="number" id="txtHastaEdit" style="margin-top:7px"/></label></li>
    <li><label for="txtGeologoEdit">Geologo: <input type="text" id="txtGeologoEdit" disabled="disabled"/></label></li>
    <li><label for="ddlTomadorMuestraEdit">Muestrero: <input type="text" id="ddlTomadorMuestraEdit" /></label></li>
    <li><label for="txtFechaEnvioEdit">Fecha Envio: <input type="date" id="txtFechaEnvioEdit"  style="width:150px;" disabled="disabled"/></label></li>
    <li><label for="txtObservacionEdit">Descripción: <textarea style="resize: none" id="txtObservacionEdit">Multiline</textarea></label></li>
     <li><label for="ddlTipoControlCalidadEdit">QA/QC: <input type="text" id="ddlTipoControlCalidadEdit" /></label></li>
    <li> <label for="txtDuplicadoEdit">Duplicado: <input type="number" id="txtDuplicadoEdit" value="0"/></label></li>
 
    </div>
    <div style=" text-align:center;">
     <a data-click="grabarEditModalView" id="A1" type="button" data-role="button">Grabar</a>
     <a data-click="closeEditarMuestra" data-role="button" data-align="right">Cancel</a>
    </div>
   
   
    <!--<a data-click="closeModalViewLogin" id="modalview-reg-button" type="button" data-role="button">Register</a>-->

    
</div>
<style>

.A
{
    color:Black;
	width:200px;
	font-style:italic;
}

.B{
	width:200px;
}

.C
{
    color:Black;
    width:200px;
    font-style:italic;
    text-align:center;
}
.D
{
    width:200px;

}
.E
{
    width:200px;

}
.F
{
    width:200px;

}

#tabla{
	width: 1200px;
	padding: 10px 0;
	margin: 50px;
}

#tablaA{
	padding: 5px 0;
}
#tablaB{
	padding: 5px 0;	
}
#tablaC{
	padding: 5px 0;	
}
#tablaD{
	padding: 5px 0;	
}
#tablaE{
	padding: 5px 0;	
}
#tablaF{
	padding: 5px 0;	
}
#tablaG{
	padding: 5px 0;	
}
#tablaH{
	padding: 5px 0;	
}


#tabla .A, #tabla .B, #tabla .C, #tabla .D, #tabla .E, #tabla .F{
	display: table-cell;
}


</style>
<%--
<style scoped>
    .demo-section {
         
    }
    .head {
        height: 20px;
    }
    #action-result {
        color: #ff0000;
        float: right;
        width: 200px;
        text-align: right;
    }
    .k-group {
        background-color: gray;
    }
    .k-popup {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    */
     
   /**Estilo de Nuevo Muestra**/
/*    
   #mvNuevoMuestra label {
        display: inline-block;
        width: 100%;
    }
 
    .km-ios #mvNuevoMuestra .km-button,
    .km-ios #mvNuevoMuestra .km-header,
     {
        background-color: #000;
    }
 
 
    .km-ios #mvNuevoMuestra .km-button:active,
    .km-ios #mvNuevoMuestra .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #mvNuevoMuestra #mvNuevoMuestra-button,
    .km-flat #mvNuevoMuestra #mvNuevoMuestra-button {
        background-color: Green;
        color: #fff;
    }

     .km-tablet .km-ios #mvNuevoMuestra .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }
    
    
    
     #mvEditarMuestra label {
        display: inline-block;
        width: 100%;
    }
 
    .km-ios #mvEditarMuestra .km-button,
    .km-ios #mvEditarMuestra .km-header,
     {
        background-color: #000;
    }
 
 
    .km-ios #mvEditarMuestra .km-button:active,
    .km-ios #mvEditarMuestra .km-state-active {
        background-color: #2e2e2e;
    }

    .km-ios #mvEditarMuestra #mvEditarMuestra-button,
    .km-flat #mvEditarMuestra #mvEditarMuestra-button {
        background-color: Green;
        color: #fff;
    }

     .km-tablet .km-ios #mvEditarMuestra .km-view-title {
        color: #fff;
        text-shadow: 0 -1px rgba(0,0,0,.5);
    }
    --%>
    
</style>
</body>
</html>

